import styles from "./parner.module.css";
import image1 from "../../assets/images/microsoft-80658_640.png";
import image2 from "../../assets/images/icon-720944_640.png";
import image3 from "../../assets/images/follow-826033_640.png";
import image4 from "../../assets/images/facebook-807588_640.png";
import { Row, Col, Typography, Divider } from "antd";
const companies = [
  { src: image1, title: "Microsoft" },
  { src: image2, title: "Youtube" },
  { src: image3, title: "Ins" },
  { src: image4, title: "Facebook" },
];
export const Partner: React.FC = () => {
  return (
    <div className={styles.content}>
      <Divider orientation="left">
        <Typography.Title level={3} type="warning">合作企业</Typography.Title>
      </Divider>

      <Row>
        {companies.map((item, index) => (
          <Col span={6} key={"bussiness-partner-" + index}>
            <img
              alt="bussiness-partner"
              src={item.src}
              style={{
                width: "80%",
                display: "block",
                margin: "0 auto",
              }}
            />
          </Col>
        ))}
      </Row>
    </div>
  );
};
